import React, { useState } from 'react'
import {Routes,useRoutes} from "react-router-dom"
import routes from './routes'

export default function App(){
  /* 
    Navigate组件：
      当不管什么情况下接收了这个 Navigate组件,则路由会按照这个组件的to的地址重新执行路由跳转
  
    路径是 * 代表所有路径，先匹配非*的所有的路径 如果匹配不到，则执行*代表的路由组件
  */

return(

  <div>
   
      {/* useRoutes这个hook帮我们遍历了路由表，生成了路由 */}
      {
      useRoutes(routes)
      }
      
   
  </div>
)
}